.packageCOrderOrderToolOrderInvoice {
  height: 100vh;
  overflow: scroll;
  background-color: #f5f5f5;

  .pay-order-con {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    bottom: 0;
    width: 100vw;
    height: 112px;
    padding: 24px;
    background-color: #fff;
    z-index: 9;

    &-btn {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 100%;
      height: 72px;
      background: linear-gradient(90deg, rgba(255, 136, 0, 1) 0%, rgba(255, 77, 0, 1) 100%);
      border-radius: 36px;
    }

    &-disabled {
      background: linear-gradient(90deg, rgba(216, 216, 216, 1) 0%, rgba(179, 179, 179, 1) 100%) !important;
    }

    &-text {
      font-size: 28px;
      font-weight: 500;
      color: #fff;
    }
  }

  .cut-pay-order {
    // height: 180px;
    padding: 24px 24px 44px !important;
    height: auto;
  }

  .invoice {
    display: flex;

    &-header {
      position: relative;
      display: flex;
      flex-direction: row;
      align-items: center;
      padding: 24px;
      height: 88px;
      background: #fff6f0;
    }

    &-icon {
      height: 32px;
      width: 32px;
    }

    &-tips {
      font-size: 24px;
      padding-left: 16px;
      color: #ff6600;
    }
  }

  .invoice-common-item {
    margin-top: 24px;
    padding: 32px 24px 0;
    background-color: #fff;

    .at-switch {
      // padding: 0;
      background: transparent !important;
      padding-right: 0 !important;
    }

    .at-switch::after {
      border-bottom: none;
    }
  }

  .cut-invoice-address {
    padding-top: 0;
    // min-height: 112px;
    // justify-content: center;
  }

  .invoice-address {
    padding-bottom: 100px;
  }

  .invoice-check-box {
    display: flex;
    flex-direction: row;
  }

  .invoice-item {
    height: 96px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }

  .invoice-little-box {
    height: 96px;
    display: flex;
    flex-direction: row;
    align-items: center;
  }

  .invoice-title {
    font-size: 28px;
    font-weight: 600;
    padding-bottom: 24px;
  }

  .cut-title {
    padding-bottom: 0;
  }

  .invoice-little {
    font-size: 20px;
    color: #999;
    padding-left: 8px;
  }

  .invoice-label {
    font-size: 24px;
  }

  .invoice-value {
    font-size: 24px;
  }

  .invoice-check {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-left: 48px;
  }

  .check-image {
    width: 32px;
    height: 32px;
  }

  .check-label {
    font-size: 24px;
    padding-left: 16px;
    margin-left: 0;
  }

  .invoice-input {
    width: 520px;
    font-size: 24px;
    text-align: right;
  }

  .invoice-bottom {
    display: flex;
    flex-direction: row;
    width: 100vw;
    height: 130px;
  }

  .address {
    height: 164px;
    background-color: #ffffff;
    border-radius: 0 0 16px 16px;

    &-header {
      height: 10px;
      width: 100%;
    }

    &-con {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 154px;
      padding: 0 32px;
    }

    &-content {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
      padding-bottom: 30px;
    }

    &-name {
      width: 620px;
      font-size: 24px;
      font-weight: 600;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      padding-top: 16px;
      color: rgba(0, 0, 0, 0.4);
    }

    &-val {
      font-weight: 500;
      color: rgba(0, 0, 0, 0.8);
      font-size: 32px;
    }

    &-arrow {
      width: 28px;
      height: 28px;
    }
  }

  .address-box {
    flex-direction: row;
    align-items: center;

    .address-img {
      width: 32px;
      height: 32px;
    }
  }
}
